<template>
	<view class="Meeting">
		<view class="Booking" @click="Booking()">
			<image src="../../../static/logo.png"></image>
			<view class="Booking_right">
				<view class="Booking_name">
					<view class="name">多功能展示厅</view>
					<text>4月12日</text>
				</view>
				<view class="Booking_time">
					<view>
						<view class="time">14:00~16:00</view>
						<text>（已申请加时1小时）</text>
					</view>
					<view class="examine">审核中</view>
				</view>
				<view class="Booking_address">
					<image src="../../../static/YunCangImg/@2x.png"></image>
					<text>腾飞工业大厦A座CD区4楼</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			Booking(){
				uni.navigateTo({
					url:'./BookingDetails/BookingDetails'
				})
			}
		}
	}
</script>

<style lang="less">
.Meeting {
	width: 100%;
	background: #f2f2f2;
	height: 90vh;
	padding: 20upx;
	.Booking {
		padding: 20upx;
		width: 670upx;
		height: 220upx;
		background: #ffffff;
		box-shadow: 0px 3px 30px 0px rgba(204, 204, 204, 0.32);
		border-radius: 20px;
		    display: flex;
			justify-content: space-between;
			image {
				width: 260upx;
				height: 220upx;
				border-radius: 12px;
			}
			.Booking_right{
				width: 386upx;
				text{
					font-size: 24upx;
					color: #999999;
				}
				.Booking_name{
					display: flex;
					justify-content: space-between;
					.name{
						font-size: 28upx;
						color: #333333;
				
					}
				}
				.Booking_time{
					display: flex;
					justify-content: space-between;
					margin: 8px 0;
					.time{
						font-size: 36upx;
						color: #333333;
						
					}
					.examine{
						color: #E50012;
						font-size: 26upx;
						padding: 30upx 0px;
					}
				}
				.Booking_address {
					display: flex;
					image {
						width: 36upx;
						height: 36upx;
					}
				}
			}
	}
}
</style>
